<template>
	<view>
		<view class="smart-page-head">
			<view class="smart-page-head-title">text 文本编辑</view>
		</view>
		<view>
			<view class="text-box">
				<text>{{text}}</text>
			</view>
			<button type="primary" @click="add()">添加行</button>
			<button type="warn" @click="del()">删除行</button>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				texts:[
					'hbuilder 400万开发者',
					'uni-app跨平台',
					'smartUI自定义框架'
				],
				extraLine:[],
				text:'guilin travel\n'
			}
		},
		methods:{
			add(){
				console.log('add.....');
				this.extraLine.push(this.texts[this.extraLine.length%3]);
				this.text=this.extraLine.join('\n');
			},
			del(){
				console.log('del.....');
				this.extraLine.pop();
				this.text=this.extraLine.join('\n');
			}
		}
	}
</script>

<style>
	.text-box{
		background-color: #ccc9ca;
		min-height: 200upx;
		margin-bottom:40upx ;
		padding: 40upx 0;
		text-align: center;
</style>